.app {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.top {
	flex: 0;
	border-bottom: solid 1px var(--adm-color-border);
}
body{
	margin: 0;
}
.body {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bottom {
	flex: 0;
	border-top: solid 1px var(--adm-color-border);
	background-color: #fff !important;
	z-index: 200;
	position: fixed;
	width: 100vw;
	bottom: 0;
  .adm-tab-bar{
    display: flex;
    .adm-tab-bar-item{
      padding: 8px 8px;
      .adm-tab-bar-item-icon {
        font-size: 25px;
        height: 22px;
        line-height: 1;
        margin: 4px 0 1px;
    }
      .adm-tab-bar-item-title {
        line-height: 20px;
    }
    }
  }
}

.dg-enter {
	transform: translate(100%, 0);
}

.dg-enter-active {
	transition: 3s;
	transform: translate(0);
}

.dg-enter-done {
	transform: translate(0);
}

.dg-exit-active {
	transition: 1s;
	transform: translate(-100%, 0);
}

.back-enter-active {
	transition: all 3s;
	transform: translate(0, 0) !important;
}

.back-enter-done {
	transform: translate(0, 0) !important;
}

.back-enter {
	z-index: 5 !important;
	transform: translate(-100%, 0);
}

.back-exit-active {
	opacity: 0;
	transition: all 3s;
	transform: translate(100%, 0) !important;
}
